{if count($data_list)}
<table class="layui-table" lay-skin="line">
    <colgroup>
        <col width="200">
        <col>
        <col width="100">
    </colgroup>
    <thead>
    <tr>
        <th>语音名称</th>
        <th>试听</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {volist name="data_list" id="item"}
    <tr>
        <td>{$item.title}</td>
        <td>
            <audio controls>
                <source src="{$item.server_url}" type="audio/mpeg">
                <source src="{$item.server_url}" type="audio/wma">
                <source src="{$item.server_url}" type="audio/wav">
                <source src="{$item.server_url}" type="audio/amr">
                您的浏览器不支持 audio 元素。
            </audio>
        </td>
        <td>
            <div class="">
                <a href="javascript:;" data-id="{$item.id}" class="layui-btn layui-btn-xs layui-btn-danger del-btn">
                    <i class="fa fa-trash-o"></i>删除
                </a>
            </div>
        </td>
    </tr>
    {/volist}
    </tbody>
</table>
{else /}
<div class="text-center">
    暂无数据!
</div>
{/if}